<script>
export default {
  name: 'dynamic'
};
</script>

<template>
  <frame-view class="index">
    <div style="width: 702px;margin-top: 16px;padding: 20px 24px 24px;background: #FFFFFF;border-radius: 20px;" v-for="i in 10">
      <p style="display: flex;justify-content: space-between">
        <span style="font-size: 32px;font-weight: bold">到款提醒</span>
        <span style="font-size: 24px;color: #999999;">2024年12月5日 1:12</span>
      </p>
      <p style="font-size: 28px;margin-top: 24px">
        <span style="color: #999999">到款金额</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>¥58.00</span>
      </p>
      <p style="font-size: 28px;margin-top: 16px">
        <span style="color: #999999">交付方式</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>微信app支付</span>
      </p>
      <p style="font-size: 28px;margin-top: 16px">
        <span style="color: #999999">交易项目</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>实际交易活动</span>
      </p>

    </div>
  </frame-view>
</template>

<style scoped lang="scss">

</style>
